.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}
body{
	background:rgb(244,244,244);
}
header{
	.pxToRem(height,50);
	.pxToRem(line-height,50);
	.pxToRem(font-size,40);
	background:rgb(26,26,26);
	color:#fff;
	.left{
		float:left;
		.pxToRem(padding-left,20);
	}
	.right{
		float:right;
		.pxToRem(padding-right,20);
	}
}

.status{
	background:rgb(26,26,26);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	.pxToRem(padding-top,100);
	.pxToRem(padding-bottom,100);
	.photo{
		.pxToRem(height,100);
		.pxToRem(width,100);
		background:#ccc;
		border-radius:50%;
		.pxToRem(line-height,100);
		text-align:center;
	}
	p{
		color:#fff;
		.pxToRem(padding-top,20);
		.pxToRem(font-size,40);
	}
}
.info{
	background:rgb(26,26,26);
	.pxToRem(padding-top,20);
	.pxToRem(padding-bottom,20);
	color:#fff;
	display:flex;
	div{
		flex:1;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		.item{
			.pxToRem(padding-top,20);
		}
	}
}
.nav{
	display:flex;
	.pxToRem(padding-top,30);
	.pxToRem(padding-bottom,30);
	background:#fff;
	div{
		flex:1;
		flex:1;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		.icon-dingdan1{
			.pxToRem(font-size,50);
		}
		p{
			.pxToRem(padding-top,10);
		}
	}
}
.fabu{
	text-align:center;
	.pxToRem(margin-top,30);
	background:#fff;
	.pxToRem(padding-top,30);
	.pxToRem(padding-bottom,30);
	p{
		.pxToRem(font-size,50);
		color:red;
	}
}
footer{
	display:flex;
	justify-content:space-around;
	align-items:center;
	.pxToRem(height,110);
	background:#fff;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	dl{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		dt{
			.pxToRem(height,50);
			.pxToRem(width,60);
			img{
				width:100%;
				.pxToRem(height,50);
			}
		}
		dd{
			.pxToRem(padding-top,10);
			.pxToRem(padding-bottom,10);
		}
	}
}